<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<!--头部css样式-->
<head th:fragment="head-fragment">

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>博客后台</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" th:href="@{/vendor/bootstrap/css/bootstrap.min.css}" type="text/css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" th:href="@{/vendor/font-awesome/css/font-awesome.min.css}" type="text/css">
    <!-- Fontastic Custom icon font-->
    <link rel="stylesheet" th:href="@{/css/fontastic.css}" type="text/css">
    <!-- jQuery Circle-->
    <link rel="stylesheet" th:href="@{/css/grasp_mobile_progress_circle-1.0.0.min.css}" type="text/css">
    <!-- Custom Scrollbar-->
    <link rel="stylesheet" th:href="@{/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css}" type="text/css">
    <!-- theme stylesheet-->
    <link rel="stylesheet" th:href="@{/css/style.default.css}" id="theme-stylesheet" type="text/css">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" th:href="@{/css/custom.css}" type="text/css">
    <!-- 网页图标-->
    <link rel="shortcut icon" th:href="@{/img/blog.png}" type="text/css">
    <!--sweetalert-->
    <link rel="stylesheet" th:href="@{/vendor/sweetalert/sweetalert.css}" type="text/css">
</head>

<!--左边工具栏-->
<!-- Side Navbar -->

<nav class="side-navbar" th:fragment="navbar-fragment">
    <div class="side-navbar-wrapper">
        <!-- Sidebar Header    -->
        <div class="sidenav-header d-flex align-items-center justify-content-center">
            <!-- User Info-->
            <div class="sidenav-header-inner text-center"><img th:src="@{/img/user.png}" alt="person" class="img-fluid rounded-circle">
                <h2 class="h5" th:text="${user!=null} ? ${user.username}: 'aizr'"></h2><span>在校大学生 (FJNU)</span>
            </div>
            <!-- Small Brand information, appears on minimized sidebar-->
            <div class="sidenav-header-logo"><a href="/admin/index" class="brand-small text-center"> <strong>yz</strong></a></div>
        </div>
        <!-- Sidebar Navigation Menus-->
        <div class="dashboard-menu">
            <h5 class="sidenav-heading">Dashboard</h5>
            <ul id="side-dashboard-menu" class="side-menu list-unstyled">
                <li th:class="${active} == 'index.html'?'active':''"><a th:href="@{/admin/index}"> <i class="nav-icon fa fa-dashboard" aria-hidden="true"></i>Dashboard                             </a></li>
                <li th:class="${active} == 'edit.html'?'active':''"><a th:href="@{/admin/edit}"> <i class="nav-icon fa fa fa-pencil-square-o" aria-hidden="true"></i>发布博客                             </a></li>
            </ul>
        </div>
        <div class="main-menu">
            <h5 class="sidenav-heading">管理模块</h5>
            <ul id="side-main-menu" class="side-menu list-unstyled">
                <li th:class="${active} == 'blog.html'?'active':''"><a th:href="@{/admin/blog}"> <i class="fa fa-list-alt nav-icon" aria-hidden="true"></i>博客管理                             </a></li>
                <li th:class="${active} == 'comment.html'?'active':''"><a th:href="@{/admin/comment}"> <i class="fa fa-comments nav-icon" aria-hidden="true"></i>评论管理                             </a></li>
                <li th:class="${active} == 'tag.html'?'active':''"><a th:href="@{/admin/tag}"> <i class="fa fa-tags nav-icon" aria-hidden="true"></i>标签管理                             </a></li>
                <li th:class="${active} == 'category.html'?'active':''"><a th:href="@{/admin/category}"> <i class="fa fa-bookmark nav-icon" aria-hidden="true"></i>分类管理                             </a></li>
                <!--旁边的小标，还有用-->
                <!--<li><a href="login.html"> <i class="icon-interface-windows"></i>Login page                             </a></li>
                <li> <a href="#"> <i class="icon-mail"></i>Demo
                    <div class="badge badge-warning">6 New</div></a></li>-->
            </ul>
        </div>
        <div class="admin-menu">
            <h5 class="sidenav-heading">系统设置</h5>
            <ul id="side-admin-menu" class="side-menu list-unstyled">
                <li> <a href="#"> <i class="fa fa-user-secret nav-icon" aria-hidden="true"> </i>个人信息</a></li>
            </ul>
        </div>
    </div>
</nav>

<!--上面工具栏-->
<!-- navbar-->
<header class="header" th:fragment="topbar-fragment">
    <nav class="navbar">
        <div class="container-fluid">
            <div class="navbar-holder d-flex align-items-center justify-content-between">
                <div class="navbar-header"><a id="toggle-btn" href="#" class="menu-btn"><i class="icon-bars"> </i></a></div>
                <ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center">
                    <li class="nav-item dropdown"> <a th:href="@{/}" class="navbar-brand">博客首页&nbsp&nbsp<i class="fa fa-paper-plane"></i></a>
                    </li>
                    <li class="nav-item dropdown"> <a id="messages" rel="nofollow" data-target="#" href="index.html" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link"><span class="d-none d-sm-inline-block">作者&nbsp&nbsp</span><i class="fa fa-user"></i></a>
                        <ul aria-labelledby="notifications" class="dropdown-menu">
                            <li><div class="dropdown-divider"></div>
                                <a href="#" class="dropdown-item">
                                    <i class="fa fa-user-o mr-2"></i> 姓名:
                                    <span class="float-right">爱琴 / Aegean</span>
                                </a></li>
                            <li><div class="dropdown-divider"></div>
                                <a href="#" class="dropdown-item">
                                    <i class="fa fa-user-o mr-2"></i> 身份:
                                    <span class="float-right text-muted text-sm">学生 / FJNU</span>
                                </a></li>
                            <li><div class="dropdown-divider"></div>
                                <a href="#" class="dropdown-item">
                                    <i class="fa fa-user-o mr-2"></i> 邮箱:
                                    <span class="float-right text-muted text-sm">1198326401@qq.com</span>
                                </a></li>
                            <li><div class="dropdown-divider"></div><a rel="nofollow" href="https://mail.qq.com/" class="dropdown-item all-notifications text-center"> <strong>&nbsp&nbsp&nbsp&nbsp <i class="fa fa-envelope mr-2"></i>please send me messages &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</strong></a></li>
                        </ul>
                    </li>
                    <!-- Log out-->
                    <li class="nav-item"><a href="/admin/logout" class="nav-link logout"> <span class="d-none d-sm-inline-block">注销&nbsp&nbsp</span><i class="fa fa-sign-out"></i></a></li>
                </ul>
            </div>
        </div>
    </nav>
</header>

<!--javascript-->
<div th:fragment="JavaScript-fragment">
    <!-- JavaScript files-->
    <script type="text/javascript" th:src="@{/vendor/jquery/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/vendor/popper.js/umd/popper.min.js}"> </script>
    <script type="text/javascript" th:src="@{/vendor/bootstrap/js/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/grasp_mobile_progress_circle-1.0.0.min.js}"></script>
    <script type="text/javascript" th:src="@{/vendor/jquery.cookie/jquery.cookie.js}"> </script>
    <script type="text/javascript" th:src="@{/vendor/chart.js/Chart.min.js}"></script>
    <script type="text/javascript" th:src="@{/vendor/jquery-validation/jquery.validate.min.js}"></script>
    <script type="text/javascript" th:src="@{/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/charts-home.js}"></script>
    <!-- Main File-->
    <script type="text/javascript" th:src="@{/js/front.js}"></script>
    <!--公共页面的js-->
    <script type="text/javascript" th:src="@{/admin/js/common.js}"></script>
    <!--引入sweetalert，这是一个弹框插件-->
    <script th:src="@{/vendor/sweetalert/sweetalert.min.js}"></script>
</div>

<!--底部标签-->
<footer class="main-footer" th:fragment="footer-fragment">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6">
                <p>Copyright © 2020 Aegean blog.site.</p>
            </div>
            <div class="col-sm-6 text-right">
                <p>All rights reserved.my personal blog #Version 1.0</p>

            </div>
        </div>
    </div>
</footer>

</html>